<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <!-- <link rel="stylesheet" href="../css/detail/peoplecenter.css">
    <link rel="stylesheet" href="../css/detail/studyarea.css">
    <link rel="stylesheet" href="../css/detail/classhoner.css">
    <link rel="stylesheet" href="../css/detail/elegant.css">
    <link rel="stylesheet" href="../css/detail/instrut.css">
    <link rel="stylesheet" href="../css/detail/classhope.css"> -->
    <link rel="stylesheet" href="../css/detail/maindetail.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/detail/detail3.css">
    <!-- <link rel="stylesheet" href="../css/detail/peoplecenter.css"> -->
    <link rel="stylesheet" href="../css/datepicker.css">
    <link rel="stylesheet" href="../css/animate.min.css">
    <script src="../js/jquery-2.2.4.min.js"></script>
    <script src="../js/datepicker.all.min.js"></script>
    <script src="../js/moment.min.js"></script>
    <script src="../js/fastclick.js"></script>
    <script src="../js/jquery.qrcode.min.js"></script>
</head>
<body>
     <div class="container1">
         <div class="swiper-container">
				<div class="swiper-wrapper">
                    <!-- <div class="swiper-slide box_bg area_1 swiper-no-swiping"> -->
<!-------------------------------------- 部门简介--------------------------------------->
                    <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                            <div class="container bg-color-bg instructtail">
                                    <div class="top-title">
                                        <div class="top-title">
                                            <div class="system">
                                                    <!-- <a class="goback-syz bg-color-bg" onclick="bzApi.close()">
                                                            <img src="../img/system/main.png" alt="">  
                                                    </a> -->
                                                    <a class="goback-sys bg-color-bg" onclick="tomessage()">
                                                        <img src="../img/system/back.png" alt="">  
                                                    </a>
                                                    <a class="gonext-sys bg-color-bg ineditfirst" id="inedit">
                                                        <img src="../img/system/edit.png" alt="">  
                                                    </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p instrut">
                                             <div class="classIntru bzjj ani" swiper-animate-effect="rubberBand" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">
                                                部门简介
                                             </div>
                                             <div class="m-m-person bg-color-border instrut">
                                                  <textarea class="textarearY bg-color-bg instrut textareainstr" readonly id="textareainstr">
                                                  </textarea>   
                                                  <div class="content">
                                                        <!-- <div class="content-item">
                                                            班组成员12人
                                                        </div> -->
                                                  </div>      
                                             </div>
                                        </div>
                                    </div>
                            </div>
                    </div>
                    <!-- <div class="swiper-slide box_bg area_1 swiper-no-swiping"> -->
<!-------------------------------------- 部门荣誉--------------------------------------->
                    <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                            <div class="container bg-color-bg">
                                    <div class="top-title">
                                        <div class="system">
                                            <!-- <a class="goback-syz bg-color-bg" onclick="bzApi.close()">
                                                    <img src="../img/system/main.png" alt="">  
                                            </a> -->
                                            <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                <img src="../img/system/back.png" alt="">  
                                            </a>
                                            <a class="gonext-sys bg-color-bg" id="honner">
                                                <img src="../img/system/edit.png" alt="">  
                                            </a>
                                        </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p classhoner">
                                             <div class="classIntru honner">
                                                部门荣誉
                                             </div>
                                             <div class="hanglie">
                            
                                             </div>
                                             <div class="user-left">
                                                <div class="m-m-person m-m-t" id="m-m-t">
                                                   
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                    </div>
<!-------------------------------------- 风采剪影--------------------------------------->
                    <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                    <!-- <div class="swiper-slide box_bg area_1 swiper-no-swiping"> -->
                            <div class="container bg-color-bg">
                                    <div class="top-title">
                                            <div class="system">
                                                    <!-- <a class="goback-syz bg-color-bg" onclick="bzApi.close()">
                                                            <img src="../img/system/main.png" alt="">  
                                                    </a> -->
                                                    <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                       <img src="../img/system/back.png" alt="">  
                                                    </a>
                                                    <a class="gonext-sys bg-color-bg" onclick="fcfcfcf()">
                                                        <img src="../img/system/edit.png" alt="">  
                                                    </a>
                                            </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p elegant">
                                             <div class="classIntru">
                                                风采剪影
                                             </div>
                                             <div class="c-c-img">
                                                    <div class="c-c-item1">
                                                        <div class="c-c-map img-0">
                                                            <!-- <img class="ani" swiper-animate-effect="honnerT" swiper-animate-duration="1s" swiper-animate-delay="0.5s" src="../img/demeanour/mg1.png" alt=""> -->
                                                        </div> 
                                                        <div class="c-c-map img-1">
                                                            <!-- <img class="ani" swiper-animate-effect="honnerT" swiper-animate-duration="1s" swiper-animate-delay="1s" src="../img/demeanour/mg1.png" alt=""> -->
                                                        </div>
                                                        <div class="c-c-map img-2">
                                                            <!-- <img class="ani" swiper-animate-effect="honnerT" swiper-animate-duration="1s" swiper-animate-delay="1.5s" src="../img/demeanour/mg1.png" alt=""> -->
                                                        </div>
                                                    </div> 
                                                   <div class="c-c-item2 img-3 ani" swiper-animate-effect="honnerUp" swiper-animate-duration="1s" swiper-animate-delay="2s">
                                                        <!-- <img class="ani"  src="../img/demeanour/mg1.png" alt=""> -->
                                                    </div>
                                                    <div class="c-c-item1">
                                                            <div class="c-c-map img-4">
                                                                <!-- <img class="ani" swiper-animate-effect="honnerRight" swiper-animate-duration="1s" swiper-animate-delay="2.5s" src="../img/demeanour/mg1.png" alt=""> -->
                                                            </div> 
                                                            <div class="c-c-map img-5">
                                                                <!-- <img class="ani" swiper-animate-effect="honnerRight" swiper-animate-duration="1s" swiper-animate-delay="3s" src="../img/demeanour/mg1.png" alt=""> -->
                                                            </div>
                                                            <div class="c-c-map img-6">
                                                                <!-- <img class="ani" swiper-animate-effect="honnerRight" swiper-animate-duration="1s" swiper-animate-delay="3.5s" src="../img/demeanour/mg1.png" alt=""> -->
                                                            </div>
                                                    </div>
                                                    <div class="c-c-item2 ani img-7" swiper-animate-effect="honnerBottom" swiper-animate-duration="1s" swiper-animate-delay="4s">
                                                        <!-- <img   src="../img/demeanour/mg1.png" alt=""> -->
                                                    </div>
                                              </div>  
                                        </div>
                                    </div>
                            </div>
                    </div>
<!-------------------------------------- 部门成员--------------------------------------->
                    <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                            <div class="container bg-color-bg">
                                    <div class="top-title">
                                            <div class="system">
                                                    <!-- <a class="goback-syz bg-color-bg" onclick="bzApi.close()">
                                                            <img src="../img/system/main.png" alt="">  
                                                    </a> -->
                                                    <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                       <img src="../img/system/back.png" alt="">  
                                                    </a>
                                                    <!-- <a class="gonext-sys bg-color-bg">
                                                        <img src="../img/system/setting.png" alt="">  
                                                    </a> -->
                                            </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p person">
                                            <div class="classIntru">
                                                    <i>部</i>
                                                    <i>门</i>
                                                    <i>成</i>
                                                    <i>员</i>
                                             </div>
                                             <div class="m-m-person bg-color-border">
                                                <div class="m-m-clc" id="peopleQ">
                                                   
                                                </div>        
                                             </div>
                                        </div>
                                    </div>
                                    <div class="diago">
                                        <div class="diado-content diago-active">
                                            <div class="diago-title">
                                                <div class="diago-left">个性化设置</div>
                                                <div></div>
                                            </div>
                                            <div class="model-content">
                                                <div class="model-list">
                                                    <div >模板一</div>
                                                    <div></div>
                                                </div>
                                            </div>
                                            <div class="diago-bottom">
                                                <div class="totrue">确定</div>
                                                <div class="cancel">取消</div>
                                            </div>
                                            <div class="choose">
                            
                                            </div>
                                        </div>
                                    </div>
                            </div>
                    </div>
<!-------------------------------------- 学习园地--------------------------------------->
                    <!-- <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                            <div class="container bg-color-bg">
                                    <div class="top-title">
                                        <div class="top-title">
                                            <div class="system">
                                                    <a class="goback-syz bg-color-bg" onclick="bzApi.close()">
                                                            <img src="../img/system/main.png" alt="">  
                                                    </a>
                                                    <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                        <img src="../img/system/back.png" alt="">  
                                                    </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p study">
                                             <div class="classIntru">
                                                学习园地
                                             </div>
                                             <div class="m-m-person bg-color-border" >
                                                 <div class="m-m-clc m-m-clc-q" id="h-commoms">
                                                 </div>
                                             </div>
                                        </div>
                                    </div>
                            </div>
                    </div> -->
<!-------------------------------------- 班组愿景--------------------------------------->                   
                    <!-- <div class="swiper-slide box_bg area_1 swiper-no-swiping">
                            <div class="container bg-color-bg">
                                    <div class="top-title">
                                            <div class="system">
                                                    <a class="goback-syz bg-color-bg" onclick="bzApi.close()">
                                                            <img src="../img/system/main.png" alt="">  
                                                    </a>
                                                    <a class="goback-sys bg-color-bg"  onclick="tomessage()">
                                                       <img src="../img/system/back.png" alt="">  
                                                    </a>
                                                    <a class="gonext-sys bg-color-bg classhlast" id="classh" onclick="classhlast()">
                                                        <img src="../img/system/edit.png" alt="">  
                                                    </a>
                                            </div>
                                    </div>
                                    <div class="people-content">
                                        <div class="p-p-p classhope">
                                             <div class="classIntru hope">
                                                班组愿景
                                             </div>
                                             <div class="m-m-person bg-color-border">
                                                <textarea  class="hopeMessage" readonly></textarea>
                                             </div>
                                        </div>
                                    </div>
                            </div>
                    </div> -->
                </div>
                <div class="swiper-pagination"></div>
          </div>                 
     </div>

      <!--简介编辑弹出窗-->
      <div class="diago" id="diago">
          <div class="diado-content diago-active">
              <div class="diago-title">
                  <div class="diago-left">简介编辑</div>
                  <div class="diago-close"></div>
              </div>
              <div class="model-content">
                  <div class="editCon">
                      <h3>班组简介内容</h3>
                      <div class="editDiv editDivs">
                          <textarea placeholder="请输入班组简介内容" id="editInstr">111111111</textarea>
                      </div>
                      <!-- <h3>编辑时间</h3>
                            <div class="editDiv c-datepicker-date-editor c-datepicker-single-editor J-datepicker-day">
                                <input readonly placeholder="" autocomplete="off" name="" class="c-datepicker-data-input only-date edittimeinstru">
                            </div> -->
                      <div class="wordlimit">限制1000字以内</div>
                      <div class="clearfix qcimg">
                          <div class="qcodemsg qcodemsgitem"></div>
                          <div class="rightword">
                              <div class="uploadtop">可app扫码上传</div>
                              <div class="uploaddown">简介编辑内容</div>
                          </div>
                          <div class="reshnew" onclick="jianjie()">刷新</div>
                      </div>
                  </div>
              </div>
              <div class="diago-bottom">
                  <div class="totrue" id="instruTure">确定</div>
                  <div class="cancel">取消</div>
              </div>
              <div class="choose">

              </div>
          </div>
      </div>
      <!--简介编辑弹出窗-->
      <div class="diago diagohope" id="diagohope">
          <div class="diado-content diago-active">
              <div class="diago-title">
                  <div class="diago-left">愿景编辑</div>
                  <div class="diago-close"></div>
              </div>
              <div class="model-content">
                  <div class="editCon">
                      <h3>班组愿景内容</h3>
                      <div class="editDiv">
                          <textarea placeholder="请输入班组愿景内容" id="edithope">111111111</textarea>
                      </div>
                      <div class="wordlimit">限制1000字以内</div>
                      <div class="clearfix qcimg">
                          <div class="qcodemsg3 qcodemsgitem"></div>
                          <div class="rightword">
                              <div class="uploadtop">可app扫码上传</div>
                              <div class="uploaddown">内容</div>
                          </div>
                          <div class="reshnew" onclick="jianjie()">刷新</div>
                      </div>
                  </div>
              </div>
              <div class="diago-bottom">
                  <div class="totrue" id="instruTures">确定</div>
                  <div class="cancel">取消</div>
              </div>
              <div class="choose">

              </div>
          </div>
      </div>
      <!-- 图文编辑弹出框 -->
      <div class="next-diago">
          <div class="diado-content diago-active">
              <div class="diago-title">
                  <div class="diago-left">添加荣誉</div>
                  <div class="diago-close"></div>
              </div>
              <div class="honner-content">
                  <div class="honner-left">
                      <div class="honner-top">
                          <div class="honner-l">上传荣誉</div>
                          <!-- <div class="honner-r">
						<img src="../img/system/add.png">
					</div> -->
                      </div>
                      <div class="honner-img">
                          <!--<div class="img-h-list">
							<img src="../img/demeanour/mg1.png" alt="">
							<div class="img-click">
								<img src="../img/system/mode_close.png" alt="">
							</div>
						</div>-->
                      </div>
                  </div>
                  <div class="honner-right" style="width: 700px;">
                      <div class="editCon icon">
                          <!-- <h3>
                    上传人</h3>
					<div class="editDiv">
						<input type="text" placeholder="上传人" id='uploadUser'>
					</div> -->
                          <h3>
                              <i>*</i>
                              荣誉名称</h3>
                          <div class="editDiv">
                              <input type="text" placeholder="请输入荣誉名称" id='uploadUserdec' maxlength="10">
                              <p class="uplod_user">荣誉名称不允许为空 ！</p>
                          </div>
                          <h3><i>*</i> 获奖时间</h3>
                          <div class="editDiv c-datepicker-date-editor c-datepicker-single-editor J-datepicker-day">
                              <input readonly readonly placeholder="" autocomplete="off" name=""
                                  class="c-datepicker-data-input only-date" id="modifyDate">
                              <!-- <p class="uplod_time">时间不允许为空 ！</p> -->
                          </div>
                          <h3>
                              <i>*</i>
                              上传荣誉</h3>
                          <div class="upload">
                              <input type="file" accept="image/*;capture=camera" name="files" multiple="multiple"
                                  class="upvalue" id="imgUpload">
                              <div class="up-word">
                                  <!-- <img src="../img/system/add.png" alt="">
										<div>
											本地上传
										</div> -->
                              </div>

                              <p class="upload_img">请上传图片 ！</p>

                              <div class="clearfix qcimgs">
                                  <div class="qcodemsg2 qcodemsgitem"></div>
                                  <div class="rightword">
                                      <div class="uploadtop">可app扫码上传</div>
                                      <div class="uploaddown">内容</div>
                                  </div>
                              </div>
                              <div class="resloadk" onclick="getwall()">刷新</div>
                          </div>
                          <p class="next-title">
                              可上传4:3(横图)或3:4(竖图)两种比例
                              <span class="imgtopp"> 请选择图片尺寸更小的上传</span>
                          </p>
                          <span style="font-size: 12px;color: #ccc;">图片质量不超过8M，图片名称限纯数字或英文字母</span>

                      </div>
                      <p class="add_upload">新增</p>
                  </div>
                  <!-- <div class="honner-right honner-righttwo">
                    <div class="editCon icon">
                        <h3>
                        上传人</h3>
                        <div class="editDiv">
                            <input type="text" placeholder="上传人" id='uploadUser-update'>
                        </div>
                        <h3>
                        上传描述</h3>
                        <div class="editDiv">
                            <input type="text" placeholder="描述内容" id='uploadUserdec-update' maxlength="10">
                        </div>
                        <h3>编辑时间</h3>
                        <div class="editDiv c-datepicker-date-editor c-datepicker-single-editor J-datepicker-day">
                            <input readonly readonly placeholder="" autocomplete="off" name="" class="c-datepicker-data-input only-date" id="modifyDate-update">
                        </div>
                        <h3>
                            <i>*</i>
                         上传图片</h3>
                        <div class="upload">
                            <div class="up-word">
                            </div>
                        </div>
                    </div>
                    <p class="add_upload" onclick="addimg()">更改</p>
                </div> -->
              </div>
              <div class="diago-bottom">
                  <div class="totrue" id="sureUpload" onchange="imgchangeinput()">确定</div>
                  <div class="cancel">取消</div>
              </div>
              <div class="choose">

              </div>
              <div class="loading-img">
                  <div class="loading">
                      <span></span>
                      <span></span>
                      <span></span>
                      <span></span>
                      <span></span>
                  </div>
              </div>

          </div>

      </div>
      <!-- 添加风采弹出框 -->
      <div class="next-diago-two">
          <div class="diado-content diago-active">
              <div class="diago-title diago-title-two">
                  <div class="diago-left">添加风采</div>
                  <div class="diago-close"></div>
              </div>
              <div class="honner-content honner-content-two">
                  <div class="honner-left honner-left-two">
                      <div class="honner-top">
                          <div class="honner-l">上传图片</div>
                          <!-- <div class="honner-r-two">
							<img src="../img/system/add.png">
						</div> -->
                      </div>
                      <div class="honner-img-two">
                          <div class="img-h-listtwo">
                              <div class="img-h img-h-0">
                              </div>
                              <div onclick="imgupload(0)" class="img-c img-c-0">
                                  请上传图片
                              </div>
                              <div class="img-click img-click-0" data-index="0">
                                  <img src="../img/system/mode_close.png" alt="">
                              </div>
                          </div>
                          <div class="img-h-listtwo">
                              <div class="img-h img-h-1">
                              </div>
                              <div onclick="imgupload(1)" class="img-c img-c-1">
                                  请上传图片
                              </div>
                              <div class="img-click img-click-1" data-index="1">
                                  <img src="../img/system/mode_close.png" alt="">
                              </div>
                          </div>
                          <div class="img-h-listtwo">
                              <div class="img-h img-h-2">
                              </div>
                              <div onclick="imgupload(2)" class="img-c img-c-2">
                                  请上传图片
                              </div>
                              <div class="img-click img-click-2" data-index="2">
                                  <img src="../img/system/mode_close.png" alt="">
                              </div>
                          </div>
                          <div class="img-h-listtwo">
                              <div class="img-h img-h-3">
                              </div>
                              <div onclick="imgupload(3)" class="img-c img-c-3">
                                  请上传图片
                              </div>
                              <div class="img-click img-click-3" data-index="3">
                                  <img src="../img/system/mode_close.png" alt="">
                              </div>
                          </div>
                          <div class="img-h-listtwo">
                              <div class="img-h img-h-4">
                              </div>
                              <div onclick="imgupload(4)" class="img-c img-c-4">
                                  请上传图片
                              </div>
                              <div class="img-click img-click-4" data-index="4">
                                  <img src="../img/system/mode_close.png" alt="">
                              </div>
                          </div>
                          <div class="img-h-listtwo">
                              <div class="img-h img-h-5">
                              </div>
                              <div onclick="imgupload(5)" class="img-c img-c-5">
                                  请上传图片
                              </div>
                              <div class="img-click img-click-5" data-index="5">
                                  <img src="../img/system/mode_close.png" alt="">
                              </div>
                          </div>
                          <div class="img-h-listtwo">
                              <div class="img-h img-h-6">
                              </div>
                              <div onclick="imgupload(6)" class="img-c img-c-6">
                                  请上传图片
                              </div>
                              <div class="img-click img-click-6" data-index="6">
                                  <img src="../img/system/mode_close.png" alt="">
                              </div>
                          </div>
                          <div class="img-h-listtwo">
                              <div class="img-h img-h-7">
                              </div>
                              <div onclick="imgupload(7)" class="img-c img-c-7">
                                  请上传图片
                              </div>
                              <div class="img-click img-click-7" data-index="7">
                                  <img src="../img/system/mode_close.png" alt="">
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="honner-right honner-right-two">
                      <div class="editCon icon">
                          <!-- <h3>
                        上传人</h3>
						<div class="editDiv">
							<input type="text" placeholder="上传人" id='uploadUsertwo'>
						</div> -->
                          <!-- <h3>
                            上传描述</h3> -->
                          <div class="editDiv">
                              <!-- <input type="text" placeholder="描述内容" id='uploadUserdec' maxlength="10"> -->
                              <!-- <p class="uplod_user">上传人不允许为空 ！</p> -->
                          </div>
                          <!-- <h3>
                            编辑时间</h3>
						<div class="editDiv c-datepicker-date-editor c-datepicker-single-editor J-datepicker-day">
							<input readonly placeholder="" autocomplete="off" name="" class="c-datepicker-data-input only-date" id="modifyDatetwo">
                        </div> -->
                          <div class="clearfix qcimg">
                              <div class="qcodemsg1 qcodemsgitem"></div>
                              <div class="rightword">
                                 <p class="uploadtop" style="width:108px;line-height: 20px;">请先选择区域,再app扫码上传图片</p>
                              </div>
                              <div class="hsdasd" onclick="getwall()">刷新</div>
                          </div>
                          <h3 style="margin-top:30px;"><i>*</i>上传图片</h3>
                          <div class="upload">
                              <input type="file" accept="image/*" name="files" class="upvalue" id="imgUploadtwo">
                              <div class="up-word-two">
                                  <!-- <img src="../img/system/add.png" alt="">
											<div>
												本地上传
											</div> -->
                              </div>

                              <p class="upload_img">请上传图片 ！</p>
                          </div>
                          <p class="next-title">
                              可上传3:2(横图)或2:3(竖图)两种比例<span class="imgtopptwo">请选择图片尺寸更小的上传</span>
                          </p>
                          <span style="font-size: 12px;color: #ccc;">图片质量不超过8M，图片名称限纯数字或英文字母</span>
                      </div>
                      <p class="add_upload-two">新增</p>
                  </div>
              </div>
              <div class="diago-bottom">
                  <div class="totrue" id="sureUpload-two">确定</div>
                  <div class="cancel">取消</div>
              </div>
              <div class="choose-two">

              </div>
              <div class="loading-img">
                  <div class="loading">
                      <span></span>
                      <span></span>
                      <span></span>
                      <span></span>
                      <span></span>
                  </div>
              </div>
          </div>

      </div>
        <div class="newposition">
   <div class="content-item-scroller">
       <img src=""> 
   </div>
    
</div>        
    <script src="../js/swiper.min.js"></script>
    <script src="../js/swiper.animate.min.js"></script>
        <script src="../js/config.js"></script>
     <script type="text/javascript">
		 var arr =[];
		 var flag = ""
        $(function(){
            var DATAPICKERAPI = {
                // 默认input显示当前月,自己获取后填充
                activeMonthRange: function () {
                    return {
                        begin: moment().set({ 'date': 1, 'hour': 0, 'minute': 0, 'second': 0 }).format('YYYY-MM-DD HH:mm:ss'),
                        end: moment().set({ 'hour': 23, 'minute': 59, 'second': 59 }).format('YYYY-MM-DD HH:mm:ss')
                    }
                },
                shortcutMonth: function () {
                    // 当月
                    var nowDay = moment().get('date');
                    var prevMonthFirstDay = moment().subtract(1, 'months').set({ 'date': 1 });
                    var prevMonthDay = moment().diff(prevMonthFirstDay, 'days');
                    return {
                        now: '-' + nowDay + ',0',
                        prev: '-' + prevMonthDay + ',-' + nowDay
                    }
                },
                // 注意为函数：快捷选项option:只能同一个月份内的
                rangeMonthShortcutOption1: function () {
                    var result = DATAPICKERAPI.shortcutMonth();
                    return [{
                        name: '昨天',
                        day: '-1,-1',
                        time: '00:00:00,23:59:59'
                    }, {
                        name: '这一月',
                        day: result.now,
                        time: '00:00:00,'
                    }, {
                        name: '上一月',
                        day: result.prev,
                        time: '00:00:00,23:59:59'
                    }];
                },
                // 快捷选项option
                rangeShortcutOption1: [{
                    name: '最近一周',
                    day: '-7,0'
                }, {
                    name: '最近一个月',
                    day: '-30,0'
                }, {
                    name: '最近三个月',
                    day: '-90, 0'
                }],
                singleShortcutOptions1: [{
                    name: '今天',
                    day: '0'
                }, {
                    name: '昨天',
                    day: '-1',
                    time: '00:00:00'
                }, {
                    name: '一周前',
                    day: '-7'
                }]
            };
            //十分秒年月日单个
            $('.J-datepicker').datePicker({
                hasShortcut:true,
                min:'2018-01-01 04:00:00',
                max:'2019-04-29 20:59:59',
                shortcutOptions:[{
                    name: '今天',
                    day: '0'
                }, {
                    name: '昨天',
                    day: '-1',
                    time: '00:00:00'
                }, {
                    name: '一周前',
                    day: '-7'
                }],
                hide:function(){
                    console.info(this)
                }
            });

            //年月日单个
            $('.J-datepicker-day').datePicker({
                hasShortcut: true,
                format:'YYYY-MM-DD',
                shortcutOptions: [{
                    name: '今天',
                    day: '0'
                }, {
                    name: '昨天',
                    day: '-1'
                }, {
                    name: '一周前',
                    day: '-7'
                }]
            });

            //年月日范围
            $('.J-datepicker-range-day').datePicker({
                hasShortcut: true,
                format: 'YYYY-MM-DD',
                isRange: true,
                shortcutOptions: DATAPICKERAPI.rangeShortcutOption1
            });

            //十分年月日单个
            $('.J-datepickerTime-single').datePicker({
                format: 'YYYY-MM-DD HH:mm'
            });

            //十分年月日范围
            $('.J-datepickerTime-range').datePicker({
                format: 'YYYY-MM-DD HH:mm',
                isRange: true
            });

            //十分秒年月日范围，包含最大最小值
            $('.J-datepicker-range').datePicker({
                hasShortcut: true,
                min: '2018-01-01 06:00:00',
                max: '2019-04-29 20:59:59',
                isRange: true,
                shortcutOptions: [{
                    name: '昨天',
                    day: '-1,-1',
                    time: '00:00:00,23:59:59'
                },{
                    name: '最近一周',
                    day: '-7,0',
                    time:'00:00:00,'
                }, {
                    name: '最近一个月',
                    day: '-30,0',
                    time: '00:00:00,'
                }, {
                    name: '最近三个月',
                    day: '-90, 0',
                    time: '00:00:00,'
                }],
                hide: function () {
                    console.info(this.$input.eq(0).val(), this.$input.eq(1).val())
                }
            });
            //十分秒年月日范围，限制只能选择同一月，比如2018-10-01到2018-10-30
            $('.J-datepicker-range-betweenMonth').datePicker({
                isRange: true,
                between:'month',
                hasShortcut: true,
                shortcutOptions: DATAPICKERAPI.rangeMonthShortcutOption1()
            });

            //十分秒年月日范围，限制开始结束相隔天数小于30天
            $('.J-datepicker-range-between30').datePicker({
                isRange: true,
                between: 30
            });

            //年月单个
            $('.J-yearMonthPicker-single').datePicker({
                format: 'YYYY-MM',
                min: '2018-01',
                max: '2019-04'
            });

            //选择年
            $('.J-yearPicker-single').datePicker({
                format: 'YYYY',
                min: '2018',
                max: '2020'
            });


        });
        
        // $(".classhlast").click(
        //     function(e){
                
        //         e.stopPropagation();
        //     }
        // )
                
        $("#diagohope .cancel").click(
            function(){
                $("#diagohope").css("display",'none');

            }
        )
        $("#diagohope .totrue").click(
            function(){
                // saveInstru1();
                $("#diagohope").css("display",'none');
            }
        )
 
		
		
        $(".diago-close").click(
            function(){
                $("#diago").css("display",'none');
                $("#diagohope").css("display","none");
				$(".next-diago").css("display","none");
                $(".next-diago-two").css("display","none");
                mySwiper.startAutoplay();
            }
        )
        $(".next-diago-two .cancel").click(
            function(){
                mySwiper.startAutoplay();
                location.href = "./detail4.html?number=3&userId="+userId+"&bzId="+bzId;
                // location.href = "./detail4.html?number=3&userId="+'b070e77e-2289-4b58-979b-2db72d42f9a4'+"&bzId="+'feae4a0f-5cac-4f03-9bca-bcfa099b54f8';

                $(".next-diago-two").css("display","none");
                getwall()
            }
        )
        $(".next-diago .cancel").click(
            function(){
                $(".next-diago").css("display","none");
                // getwall();
                location.href = "./detail4.html?number=2&userId="+userId+"&bzId="+bzId;
                // location.href = "./detail4.html?number=2&userId="+'b070e77e-2289-4b58-979b-2db72d42f9a4'+"&bzId="+'feae4a0f-5cac-4f03-9bca-bcfa099b54f8';
            }
        )
        $("#diago .cancel").click(
            function(){
                mySwiper.startAutoplay();
                // location.href = "./detail1.html?number=2&userId="+userId+"&bzId="+bzId;
                $("#diago").css("display",'none');
            }
        )
        $("#diago .totrue").click(
            function(){
                mySwiper.startAutoplay();
                $("#diago").css("display",'none');
            }
        )
        var jpathurl = '?userId='+userId+"&bzId="+bzId;
        // var jpathurl = '?userId='+'b070e77e-2289-4b58-979b-2db72d42f9a4'+"&bzId="+'feae4a0f-5cac-4f03-9bca-bcfa099b54f8';

        function tomessage(){
            location.href="../index4.html"+jpathurl+"&regDeptId="+regDeptId;
        }
    </script>
    <script>
        var changeMsg  ='zorange';
        var photoImg="../img/04/3.png";
        var arrbg = ['blue','red','orange','green'];  //背景框
        var crrbg = ['bbg','obg','ybg','gbg'];//背景
        var colorarr = ['#101358','#f7bea0','#9b9b9d'];
        var fontsize = ['#333','#333'] 
        var fontsize1 = ['#999',"#666"]
        var drr = ['#fff','#95bcff','#fff'];
        $(".m-m-person").css('background','url(../img/detail/1/'+arrbg[2]+'.png)no-repeat 0 -10px');
        $('.pre-top').css('backgroundColor',colorarr[0]);
        $(".goback-sys").css('backgroundColor','#234def');
        $(".gonext-sys").css('backgroundColor','#234def');
        $(".container").css({'background':'url(../img/detail/1/'+crrbg[2]+'.jpg)no-repeat 0 0','backgroundSize':'cover'})
        $(".pre-name").css('color',fontsize[0]);
        $(".p-j-job").css('color',fontsize1[0]);
        $(".content-item").css('background','url(../img/detail/1/a.png)');
        $(".p-p-p.elegant").css('background','url(../img/detail/1/'+arrbg[2]+'.png)no-repeat 0 -10px');
        $('.m-m-person .bg-tab>a').css("color",drr[0]);
        var changeFlag = 1;
        var mySwiper = new Swiper('.swiper-container', {
            slidesPerView: 1,
            slidesPerGroup: 1,
            // speed: 1000,
            // spaceBetween: 30,
            //freeMode: true,
            loop: true,
            noSwiping : true,
            autoplay:localStorage.getItem("timeSet"),
            // autoplay: 4000,
            // touchRatio:0.01,
            autoplayDisableOnInteraction:false,
            initialSlide: Number(num)-1,
            pagination: '.swiper-pagination',
            paginationClickable :true,
            onInit:function(swiper){
                swiperAnimateCache(swiper); //隐藏动画元素 
                swiperAnimate(swiper);
            },
            onSlideChangeEnd:function(swiper){
                swiperAnimate(swiper);
                if(swiper.activeIndex==2){
                    var numC =  Math.floor(arr.length/8)+1;
                    if(arr.length>8){
                        if(changeFlag ==1){
                            changeFlag++;
                            var crr = arr.slice(0,8);
                            honerList(crr);
                        }else{
                            if(changeFlag==numC){
                                var drr = arr.slice((changeFlag-1)*8);
                                changeFlag = 1;
                                honerList(drr);
                            }else{
                                var err = arr.slice((changeFlag-1)*8);
                                 changeFlag++;
                                 honerList(err);
                            }
                        }
                        var lengthW = $(".m-m-person").children().length*220+40;
                        if($(".m-m-t").children().length>7){
                            $(".m-m-t").css('width',lengthW+"px");
                            $(".top-honner").css("float","left");
                            $(".bottom-honner").css("float","left");
                        }else{
                            $(".m-m-t").css('width',"100%");
                            $(".top-honner").css("float","none");
                            $(".bottom-honner").css("float","none");
                        }   
                    }
                }
            }
        });
        $("#honner").click(
            function(){
                mySwiper.stopAutoplay();
             $(".next-diago").css("display",'block');
                var DateTime = new Date();
                var year =  DateTime.getFullYear();
                var month = DateTime.getMonth()+1;
                var day =  DateTime.getDate();
                time = year+'-'+month+'-'+day;
                $('#modifyDate').val(time);
            }
        )
        function fcfcfcf(){
            mySwiper.stopAutoplay();
            $(".next-diago-two").css("display",'block');
            var DateTime = new Date();
                var year =  DateTime.getFullYear();
                var month = DateTime.getMonth()+1;
                var day =  DateTime.getDate();
                time = year+'-'+month+'-'+day;
                $('#modifyDatetwo').val(time);
            
        }
        $(".ineditfirst").click(
            function(e){
                mySwiper.stopAutoplay();
                $("#diago").css("display",'block');
                $("#editInstr").val($(".textareainstr").val());
                var DateTime = new Date();
                var year =  DateTime.getFullYear();
                var month = DateTime.getMonth()+1;
                var day =  DateTime.getDate();
                time = year+'-'+month+'-'+day;
                $(".edittimeinstru").val(time);
                $(".hopetime").val(time);
                e.stopPropagation();
                console.log($("#editInstr").val())

            }
        )
        function classhlast(){
            mySwiper.stopAutoplay();
            $(".diagohope").css("display",'block');
             $("#edithope").val($(".hopeMessage").val());
             var DateTime = new Date();
                var year =  DateTime.getFullYear();
                var month = DateTime.getMonth()+1;
                var day =  DateTime.getDate();
                time = year+'-'+month+'-'+day;
                $(".hopetime").val(time);
        }
        function classhlast(){
            mySwiper.stopAutoplay();
            $(".diagohope").css("display",'block');
             $("#edithope").val($(".hopeMessage").val());
                var DateTime = new Date();
                var year =  DateTime.getFullYear();
                var month = DateTime.getMonth()+1;
                var day =  DateTime.getDate();
                time = year+'-'+month+'-'+day;
                $(".hopetime").val(time);
            }
         jQuery(function(){
                var strmsg =  bzId + "|班组简介";
                var strmsg1 = "请先选择区域后再扫码上传图片";
                var strmsg2 = bzId + "|班组荣誉";
                var strmsg3 = bzId + "|班组愿景";
                jQuery('.qcodemsg').qrcode(
                    {   
                        text: utf16to8(strmsg),
                         width: 110,
                         height: 110,
                    }
                );
                jQuery('.qcodemsg1').qrcode(
                    {
                        text: utf16to8(strmsg1),
                        width: 110,
                        height: 110,
                    }
                );
                jQuery('.qcodemsg2').qrcode(
                    {
                        text: utf16to8(strmsg2),
                        width: 110,
                        height: 110,
                    }
                );
                jQuery('.qcodemsg3').qrcode(
                    {
                        text: utf16to8(strmsg3),
                        width: 110,
                        height: 110,
                    }
                );

            })
             function utf16to8(str) {
                var out, i, len, c;
                out = "";
                len = str.length;
                for (i = 0; i < len; i++) { c=str.charCodeAt(i); if ((c>= 0x0001) && (c <= 0x007F)) { out +=str.charAt(i);
                    } else if (c> 0x07FF) {
                    out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
                    out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
                    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
                    } else {
                    out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
                    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
                    }
                }
                return out;
            }
    </script>
     <script src="../js/detail.js"></script>
</body>
</html>